<template>
  <div class="logs">
    <el-card>
      <!-- 警告 -->
      <el-alert
        style="margin-bottom: 15px;"
        type="info"
        show-icon
        :closable="false"
      >
        共 7 条记录
      </el-alert>
      <!-- 日志表格 -->
      <el-table
        :header-cell-style="{background:'#fafafa',borderBottom:'2px solid #e8e8e8'}"
        :data="logsList"
        style="width: 100%"
        :row-style="{height:'30px'}"
      >
        <el-table-column align="center" prop="type" label="操作类型" width="180" />
        <el-table-column align="center" prop="author" label="操作人" width="180" />
        <el-table-column prop="title" label="执行结果" />
        <el-table-column align="center" prop="display_time" label="操作时间" />
        <el-table-column align="center" prop="forecast" label="描述" width="180" />
      </el-table>
      <!-- 分页区域 -->
      <el-pagination
        :hide-on-single-page="value"
        :total="5"
        layout="->,prev, pager, next"
      />
    </el-card>
  </div>
</template>

<script>
import { getlogsList } from '@/api/table'
export default {
  components: {},
  data() {
    return {
      // 日志数据列表
      logsList: [
        {
          type: 'US',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'CN',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'US',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'JP',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'CN',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'US',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        },
        {
          type: 'US',
          author: '杨霞',
          title: '置老很容精口场大导须属原适合则六起法。',
          display_time: '2022-11-22 09:50:06',
          forecast: '片律空装'
        }
      ],
      // 分页数据
      queryInfo: {
        // 请求页数
        page: 1,
        // 每页请求条数
        limit: 20
      },
      // 总页数
      total: 0,
      value: false

    }
  },
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    // this.getlogsList()
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  // 方法集合
  methods: {
    // 获取日志
    async  getlogsList() {
      const res = await getlogsList(this.queryInfo)
      console.log(res, 'rz*****')
    }

  }
}
</script>
<style scoped>
.logs{
  padding: 20px;
}

</style>
